    <style include="signin-dialog-shared">
      .details {
        line-height: 20px;
        margin-bottom: 8px;
        margin-top: 16px;
        padding: 0 24px;
      }

      #normal-error-message > p {
        margin-bottom: 0;
      }

      #profile-blocking-error-message {
        margin-top: 30px;
      }

      #profile-blocking-error-message > div {
        align-items: center;
        display: flex;
        margin-top: 1em;
      }

      iron-icon {
        color: var(--cr-secondary-text-color);
        flex-shrink: 0;
        height: var(--cr-icon-size);
        margin-inline-end: 16px;
        width: var(--cr-icon-size);
      }
    </style>
    <div class="container">
      <div class="top-title-bar">$i18n{signinErrorTitle}</div>
      <div id="normal-error-message" class="details"
          hidden="[[hideNormalError_]]">
        <p>$i18nRaw{signinErrorMessage}</p>
        <a id="learnMoreLink" href="#" on-click="onLearnMore_"
               hidden="[[isSystemProfile_]]">
          $i18nRaw{signinErrorLearnMore}
        </a>
      </div>
      <div id="profile-blocking-error-message" class="details"
          hidden="[[hideProfileBlockingErrors_.0]]">
        <div hidden="[[hideProfileBlockingErrors_.1]]">
          <iron-icon icon="cr:domain"></iron-icon>
          <span>$i18n{profileBlockedMessage}</span>
        </div>
        <div hidden="[[hideProfileBlockingErrors_.2]]">
          <iron-icon icon="cr:info"></iron-icon>
          <span>$i18n{profileBlockedAddPersonSuggestion}</span>
        </div>
        <div hidden="[[hideProfileBlockingErrors_.3]]">
          <iron-icon icon="cr:info"></iron-icon>
          <span>$i18n{profileBlockedRemoveProfileSuggestion}</span>
        </div>
      </div>
      <div class="action-container">
        <cr-button class="action-button" id="switchButton"
            hidden="[[switchButtonUnavailable_]]"
            on-click="onSwitchToExistingProfile_">
          $i18n{signinErrorSwitchLabel}
        </cr-button>
        <cr-button id="closeButton" hidden="[[switchButtonUnavailable_]]"
            on-click="onConfirm_" autofocus>
          $i18n{signinErrorCloseLabel}
        </cr-button>
        <cr-button id="confirmButton" hidden="[[!switchButtonUnavailable_]]"
            on-click="onConfirm_">
          $i18n{signinErrorOkLabel}
        </cr-button>
      </div>
    </div>
